<!DOCTYPE html>
<html>

<head>
    <meta content="telephone=no" name="format-detection">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Language" content="zh-CN">
    <meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="关键词" />
    <meta name="description" content="页面简介" />
    <link rel="icon" href="favicon.ico" />
    <link rel="shortcut icon" href="favicon.ico" />
    <link href="csaa/css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="./csaa/fonts/iconfont/iconfont.css">
    <link rel="stylesheet" href="./csaa/fonts/materialicons/material-icons.css">

    <script language="javascript" type="text/javascript" src="csaa/js/jquery.min.js"></script>
    <script language="javascript" type="text/javascript" src="csaa/js/site.js"></script>
    <script src="csaa/js/httpPath.js"></script>
    <script src="csaa/js/httpUtils.js"></script>
    <title>全国青少年航空科学素质等级考试</title>
</head>

<body>
    <!-- 头部 开始 -->
    <div class="header">

    </div>
    <!-- 头部 结束 -->


    <!-- 内页banner 开始 -->
    <div class="in_banner">
        <div class="in_banner_box" style="background-image: url(./demo/img/banner01.jpg)
	"></div>
        <div class="text">学习中心</div>
    </div>
    <!-- 内页banner 开始 -->

    <!-- 主体 开始 -->
    <div id="learn_main">
        <div class="main">
            <div class="learn_content">
                <div class="list_learn">

                </div>
                <div class="learn_video_btnwrap">
                    <a class="learn_video_box" href="./video_list.html">
                        <i class="material-icons">&#xe04a;</i>
                        <span>趣味课堂：无人机编程云课堂</span>
                    </a>
                </div>
            </div>
            <div class="latest_news">
                <div class="latest_title"><i class="material-icons">&#xe05e;</i><span class="text">最新动态</span></div>
                <div class="list_latest">

                </div>
                <div class="manage_btnwrap">
                    <a class="btn btn_color_1" href="./news.html">查看更多</a>
                </div>
            </div>




        </div>
        <!-- footer 开始-->
        <div class="footer_wrap">
        </div>

        <script>
            fun_islogin(true); //页面头部登录
            $(document).ready(function() {
                httpPost(GET_STUDY_CENTER_LIST, {
                    pageSize: 10000,
                    pageNum: 1
                }, function(results) {
                    var html = '';
                    for (var i in results) {
                        var hour = parseInt(results[i].learnTime / 60);
                        var min = results[i].learnTime % 60;
                        html += '<a class="item card" href="./learn_info.html?id=' + results[i].id + '">' +
                            '<div class="info_wrap">' +
                            '<div class="levelimg">' +
                            '<div class="text">L' + results[i].level + '级</div>' +
                            '<i class="icon material-icons">&#xe163;</i>' +
                            '<div class="learn_state learning">学习中</div>' +
                            '</div>' +
                            '<div class="levelinfo">' +
                            '<div class="title">' + results[i].title + '</div>' +
                            <!-- '<div class="text">'+ -->
                            <!-- '<div class="item_text"><i class="material-icons">&#xe190;</i><span>预计学习时长：<em>' + hour + '小时' + min + '分</em></span></div>'+ -->
                            <!-- '<div class="item_text"><i class="material-icons">&#xe8a6;</i><span>学习人次：<em>' + results[i].learnNum + '</em></span></div>'+ -->
                            <!-- '</div>'+ -->
                            '<div class="outline_wrap">' +
                            '<div class="label">大纲</div>' +
                            '<div class="subtitle">' + results[i].subtitle + '</div>' +
                            '<div class="manage_btnwrap">' +
                            '<div class="btn btn_color_2 btn_learn" ><span>开始学习</span></div>' +
                            '</div>' +
                            '</div>' +
                            '</div>' +
                            <!-- '<div class="badge badge_color_3">线上学习+线上考试</div>'+ -->
                            '</div>' +

                            '</a>';
                    }

                    $('.list_learn').append(html);
                });
            });
            // 载入最新动态
            fun_news();
        </script>




        <!------------------------------------ 主体分割 -------------------------------->




    </div>
    <!-- 主体 结束 -->


</body>

</html>
